<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<jsp:include page="../top.jsp"></jsp:include>

<!-- START:wrapper -->
<div id="wrapper">
<!-- InstanceBeginEditable name="wrapper" -->

<!-- START:wrapper-fff -->
<div class="wrapper-fff">

<!-- START:main -->
<div id="main">

<!-- START:bid -->
<div class="bid">

<!-- START:goujian-detailed -->
<div class="goujian-detailed">

<!-- START:pankuzu -->
<div class="pankuzu">

<strong>您所在位置：</strong><a href="index.html">首页</a><img src="shared/images/temp_pankuzu_01.gif" width="5" height="6" alt="img" /><a href="gjk.html">构件库</a><img src="shared/images/temp_pankuzu_01.gif" width="5" height="6" alt="img" /><span class="color-green-287">详细介绍</span>

</div>
<!-- END:pankuzu -->

<!-- START:goujian-detailed-con -->
<div class="goujian-detailed-con">

<!-- START:goujian-detailed-left -->
<div class="goujian-detailed-left">

<!-- Demo start -->

<!--START:ck-slide-->
<div class="ck-slide">

<ul class="ck-slide-wrapper">
<li>
<img src="${model.modelPreviewImageUrl }" width="772" height="592" alt="img" />

<!--START:goujian-deta-ap-->
<div class="goujian-deta-ap">

<!-- <div class="goujian-deta-ap-box">下载<br />12251525</div>
<div class="goujian-deta-ap-box-b">收藏<br />12251525</div>
<div class="goujian-deta-ap-box">点赞<br />12251525</div>
 -->
<div class="goujian-deta-ap-box" onclick="modelDownload(${model.modelId})">下载<br />${model.downloadNum}</div>
<div class="goujian-deta-ap-box-b" onclick="modelCollect(${model.modelId})">收藏<br />${model.collectNum}</div>
<div class="goujian-deta-ap-box" onclick="modelGood(${model.modelId})">点赞<br />${model.goodNum}</div>
							

</div>
<!--END:goujian-deta-ap-->
</li>

<!-- <li style="display:none">
<img src="shared/images/lunbo/gjk/2.gif" width="772" height="592" alt="img" />

START:goujian-deta-ap
<div class="goujian-deta-ap">

<div class="goujian-deta-ap-box">下载<br />12251525</div>
<div class="goujian-deta-ap-box-b">收藏<br />12251525</div>
<div class="goujian-deta-ap-box">点赞<br />12251525</div>

</div>
END:goujian-deta-ap
</li> -->
			
</ul>
<a href="javascript:;" class="ctrl-slide ck-prev">上一张</a> <a href="javascript:;" class="ctrl-slide ck-next">下一张</a>

</div>
<!--END:ck-slide-->
		
<!-- js -->
<script>
	$(".ck-slide").ckSlide({
		autoPlay: true
	});
</script>
<!-- Demo end -->
        
</div>
<!-- END:goujian-detailed-left -->

<!-- START:goujian-detailed-right -->
<div class="goujian-detailed-right">

<!-- START:goujian-deta-r-tit -->
<div class="goujian-deta-r-tit">

<div class="goujian-deta-r-tit-l">构建信息</div>

<div class="goujian-deta-r-tit-r">作者信息：${user.userName }</div>

</div>
<!-- END:goujian-deta-r-tit -->

<!-- START:goujian-deta-r-list -->
<div class="goujian-deta-r-list">

<p><strong>${model.modelName }</strong></p>

<P>格式：${model.modelType }</P>
<p>深度：${modelLevel.modelLevelName }</p>
<p>专业：${target.targetName }</p>
<p>积分：${modelLevel.usePoint }</p>
<p>大小：${model.modelSize }</p>

</div>
<!-- END:goujian-deta-r-list -->

<!-- START:goujian-deta-r-list-bott -->
<div class="goujian-deta-r-list-bott">

<div class="goujian-deta-r-list-bott-a" onclick="modelDownload(${model.modelId})">下载<br />${model.downloadNum}</div>

<div class="goujian-deta-r-list-bott-a" onclick="modelCollect(${model.modelId})">收藏<br />${model.collectNum}</div>

<div class="goujian-deta-r-list-bott-b" onclick="modelGood(${model.modelId})">点赞<br />${model.goodNum}</div>

</div>
<!-- END:goujian-deta-r-list-bott -->


<!-- START:goujian-deta-r-xg-box -->
<div class="goujian-deta-r-xg-box">

<h2><span class="text-h2">相关构件</span><span class="h2-more inline-r"><a href="model/toModelStore.do?target=${target.targetCode}&level=${modelLevel.modelLevelCode}">MORE+</a></span></h2>

<div class="goujian-deta-r-xg">

<div class="goujian-deta-r-xg-pro">
<a href="model/toModelDetail.do?modelId=${model0.modelId}"><img src="${model0.modelPreviewImageUrl }" width="178" height="175" alt="img" /></a>
<p>${model0.modelName }</p>
</div>
<div class="goujian-deta-r-xg-pro">
<a href="model/toModelDetail.do?modelId=${model1.modelId}"><img src="${model1.modelPreviewImageUrl }" width="178" height="175" alt="img" /></a>
<p>${model1.modelName }</p>
</div>

</div>

</div>
<!-- END:goujian-deta-r-xg-box -->

</div>
<!-- END:goujian-detailed-right -->

</div>
<!-- END:goujian-detailed-con -->


</div>
<!-- END:goujian-detailed -->

</div>
<!-- END:bid -->

</div>
<!-- END:main -->

</div>
<!-- END:wrapper-fff -->

<!-- InstanceEndEditable -->
</div>
<!-- END:wrapper -->

<jsp:include page="../bottom.jsp"></jsp:include>